<!--
 * @Author: sxb
 * @Email: sxb@mail.com
 * @Date: 2020-11-12 15:32:13
 * @Descripttion: 
-->
<!--
 * @Author: sxb
 * @Email: sxb@mail.com
 * @Date: 2020-11-11 16:26:00
 * @Descripttion: 
-->
<template>
  <div class="goodsRewardDetails">
    <basic-container>
      <div>
        <span style="margin:0 10px 0 10px">用户：花花牛（123456）</span>
        <span style="margin:0 10px 0 10px">商品奖励总额：1000.00</span>
      </div>

      <avue-crud
        ref="crud"
        :page="page"
        :option="tableOption"
        :data="tableData"
        v-model="form"
        :table-loading="tableLoading"
        @on-load="getList"
        @size-change="sizeChange"
        @current-change="currentChange"
      />
    </basic-container>
  </div>
</template>

<script>
import { tableOption } from "@/const/crud/account/goodsRewardDetails";
export default {
  name: "GoodsReward",
  data() {
    return {
      tableData: [
        {
          name: "花花牛（1234567）",
          order_number: "1111111111",
          goods_name: "huahua",
          source: "红",
          goodsSumAmount: 222,
          goodsRewardSumAmount: 1111,
          rewardProvideTime: "2020-03-39 22:22:23",
        },
      ],
      page: {
        total: 20, // 总页数
        currentPage: 1, // 当前页数
        pageSize: 20, // 每页显示多少条
      },
      tableOption: tableOption,
      tableLoading: false,
      form: {},
      searchForm: {},
    };
  },
  methods: {
    getList() {},
    sizeChange(pageSize) {
      this.page.pageSize = pageSize;
    },
    currentChange(current) {
      this.page.currentPage = current;
    },
    // searchChange() {
    //         this.page.currentPage = 1;
    //         this.getList();
    // },
    refreshChange() {
      this.getList(this.page);
    },
  },
};
</script>

<style lang="scss" scoped>
</style>